<template>
	<view class="image">
		<image class="defalut" mode="widthFix" src="https://ehealth.ipd.hihonor.com/etmcstatic/iv_default_page.png">
		</image>
		<text class="tip">规划中，敬请期待......</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				suggestion: 0,
				unSuggestion: "https://ehealth.ipd.hihonor.com/etmcstatic/unSuggestion.png",
				subMenu: [{
						name: "推荐食谱",
						url: "/meal/pages/recipe",
						img: "https://ehealth.ipd.hihonor.com/etmcstatic/RecommendedRecipes.png",
					},
					{
						name: "食物查询",
						url: "/meal/pages/foodstuff",
						img: "https://ehealth.ipd.hihonor.com/etmcstatic/RecommendedRecipes.png",
					},
				],
				suggestionHeader: [{}, {
						name: "碳水化合物",
						url: "",
						img: "https://ehealth.ipd.hihonor.com/etmcstatic/carbohydrate.png",
					},
					{
						name: "蛋白质",
						url: "",
						img: "https://ehealth.ipd.hihonor.com/etmcstatic/protein.png",
					},
					{
						name: "脂肪",
						url: "",
						img: "https://ehealth.ipd.hihonor.com/etmcstatic/fat.png"
					},
					{
						name: "总摄入",
						url: "",
						img: "https://ehealth.ipd.hihonor.com/etmcstatic/totalcalories.png",
					},
				],
			};
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	page {
		display: flex;
		background-color: #f2f3f5;
		min-height: 100%;
		min-width: 100%;
	}

	.image {
		align-items: center;
		display: -webkit-flex;
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: center;
	}

	.image .tip {
		color: #000;
		font-size: 26rpx;
		margin-top: 20rpx;
		opacity: 0.38;
	}

	.defalut {
		height: 180px;
		width: 180px;
	}

	.BebasNeueBold {
		font-family: BebasNeueBold;
	}

	.fd-c {
		flex-direction: column;
	}

	.BebasNeueRegular {
		font-family: BebasNeueRegular;
	}

	.meal {
		background-color: #f2f3f5;
		flex-direction: column;
		width: 100%;
	}

	.meal,
	.meal .floora {
		display: -webkit-flex;
		display: flex;
	}

	.meal .floora {
		justify-content: space-around;
		margin: 24rpx;
	}

	.meal .floora .floora-menu {
		align-items: center;
		background-color: #fff;
		border-radius: 32rpx;
		color: #232323;
		display: -webkit-flex;
		display: flex;
		flex: 1;
		font-size: 32rpx;
		justify-content: center;
		margin-right: 24rpx;
	}

	.meal .floora .floora-menu:nth-last-of-type(1) {
		margin-right: 0;
	}

	.meal .floora .floora-menu .floora-img {
		height: 88rpx;
		margin: 30rpx 20rpx 30rpx 0;
		width: 88rpx;
	}

	.meal .floorb {
		background-color: #fff;
		border-radius: 32rpx;
		font-size: 24rpx;
		margin: 0 24rpx;
		padding: 24rpx;
	}

	.meal .floorb,
	.meal .floorb .floorb-unsuggestion {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.meal .floorb .floorb-unsuggestion {
		align-items: center;
		justify-content: center;
	}

	.meal .floorb .floorb-unsuggestion .unsuggestion-tips {
		color: #a8a8a8;
		font-size: 26rpx;
		margin: 60rpx 0;
	}

	.meal .floorb .floorb-unsuggestion .unsuggestion-img {
		height: 570rpx;
		width: 570rpx;
	}

	.meal .floorb .floorb-title {
		color: #252525;
		font-size: 32rpx;
	}

	.meal .floorb .floorb-sub-title {
		align-items: center;
		color: #a8a8a8;
		display: -webkit-flex;
		display: flex;
		margin-top: 10rpx;
	}

	.meal .floorb .floorb-sub-title-dot {
		background-color: #a8a8a8;
		height: 6rpx;
		margin-right: 9rpx;
		width: 6rpx;
	}

	.meal .floorb .floorb-suggestion {
		align-items: center;
		border-radius: 32rpx 32rpx 0 0;
		color: #7a7a7a;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		padding: 40rpx 24rpx;
	}

	.meal .floorb .floorb-suggestion .floorb-suggestion-top {
		align-items: center;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}

	.meal .floorb .floorb-suggestion .floorb-number {
		color: #252526;
		font-size: 72rpx;
		letter-spacing: 4rpx;
		line-height: 1;
		margin-bottom: 10rpx;
		margin-right: 10rpx;
	}

	.meal .floorb .floorb-suggestion-detail {
		border-top: 1rpx solid #e7e7e7;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		padding: 20rpx 0;
	}

	.meal .floorb .floorb-suggestion-detail .floorb-item:nth-of-type(5n + 1) {
		align-items: start;
		flex: 1 1 15%;
		justify-content: baseline;
	}

	.meal .floorb .floorb-suggestion-detail .floorb-item {
		align-items: center;
		color: #232323;
		display: -webkit-flex;
		display: flex;
		flex: 1 1 21%;
		font-size: 30rpx;
		height: 100rpx;
		justify-content: center;
	}

	.meal .floorb .floorb-suggestion-detail .floorb-item.BebasNeueRegular {
		color: #515151;
		font-size: 34rpx;
	}

	.meal .floorb .floorb-suggestion-detail .floorb-item.floorb-header-item {
		color: #515151;
		flex-direction: column;
		font-size: 24rpx;
		height: 160rpx;
	}

	.meal .floorb .floorb-suggestion-detail .floorb-item.floorb-header-item .floorb-item-img-bg {
		align-items: center;
		background-color: #f5f5f5;
		border-radius: 16rpx;
		display: -webkit-flex;
		display: flex;
		height: 90rpx;
		justify-content: center;
		margin-bottom: 10rpx;
		width: 90rpx;
	}

	.meal .floorb .floorb-suggestion-detail .floorb-item.floorb-header-item .floorb-img {
		height: 90rpx;
		width: 90rpx;
	}

	.meal .floorb .floorb-suggestion-detail .floorb-item .line {
		background-color: #fed3c0;
		border-radius: 4rpx;
		display: -webkit-flex;
		display: flex;
		height: 8rpx;
		width: 50%;
	}

	.meal .floorb .floorb-item-unit {
		align-items: center;
		color: #515151;
		display: -webkit-flex;
		display: flex;
		font-size: 24rpx;
		justify-content: flex-end;
	}

	.meal .floorb .floorb-item-unit .floorb-item-unit-dot {
		background-color: #f28a89;
		border-radius: 2rpx;
		height: 12rpx;
		margin-right: 8rpx;
		width: 12rpx;
	}
</style>